<template>
	<div class="mt-footer">
		<p v-if="$store.state.globalConfig.copyright">
			<a href="https://gitee.com/shawroger/matable">Matable</a> &copy;
			{{ year }}
		</p>
		<p v-else>
			<!-- COPYRIGHT == FALSE -->
		</p>
	</div>
</template>

<script lang="ts">
import { defineComponent } from "@vue/composition-api";

export default defineComponent({
	name: "mt-footer",
	setup(props, ctx) {
		const year = new Date().getFullYear();
		return {
			year,
		};
	},
});
</script>

<style>
.mt-footer {
	text-align: center;
	color: gray;
	padding: 10px;
}
.mt-footer a {
	color: grey;
}
.mt-footer a:hover {
	color: orange;
}
</style>
